<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div id="div1">我是数据</div>
    <input type="button" value="点我发送ajax获取数据" onclick="getData()" />
  </body>
</html>
<script>
  function getData() {
    //利用ajax技术向服务器发送请求得到数据

    //1.创建ajax操作的对象
    var xhr;
    //根据不同的浏览器创建方式不同
    if (window.XMLHttpRequest) {
      //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
      xhr = new XMLHttpRequest();
    } else {
      // IE6, IE5 浏览器执行代码
      xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }

    //2.将请求发送到服务器 open send
    //规定请求的类型、URL资源地址 以及是否异步处理请求
    xhr.open("GET","http://localhost:10010/emp/list",true);

    //将请求发送到服务器
    xhr.send();

    //3.监听服务器响应的状态
    xhr.onreadystatechange=function(){
        //判断如果完成了响应 且 状态码为200 可以接受响应的数据
        if(xhr.readyState == 4 && xhr.status == 200){
            //获取响应结果的值
            document.getElementById("div1").innerHTML = xhr.responseText;
            
        }
    }

   





  }
</script>
